<template>
    <div class="ivu-poptip-popper" style="min-width: 60px;z-index: 1030" x-placement="top">
        <div class="ivu-poptip-content" >
            <div class="ivu-poptip-arrow"></div>
            <div class="ivu-poptip-inner">
                <div class="ivu-poptip-body" style="padding: 2px 6px">
                    <div class="ivu-poptip-body-content ivu-poptip-body-content-word-wrap">
                        <div class="ivu-poptip-body-content-inner" :title="data" style="width:60px;text-overflow: ellipsis;white-space:nowrap;overflow:hidden;" >{{data}}</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "bubble",
        props: {
            data:String,
        },
    }
</script>

<style scoped>

</style>
